<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<meta charset="utf-8" />
<title>大咖讲后台管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 必须的css -->
<link href="<%=basePath %>bigshot/css/bootstrap.min.css" rel="stylesheet" />
<link href="<%=basePath %>bigshot/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/font-awesome.min.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="/Public/Admin/<%=basePath %>bigshot/css/font-awesome-ie7.min.css" />
<![endif]-->
<link rel="stylesheet" href="<%=basePath %>bigshot/css/ace-fonts.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/jquery-ui-1.10.3.full.min.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/ace.min.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/ace-responsive.min.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/ace-skins.min.css" />
<!--[if lte IE 8]>
	<link rel="stylesheet" href="/Public/Admin/<%=basePath %>bigshot/css/ace-ie.min.css" />
<![endif]-->
<link rel="stylesheet" href="<%=basePath %>bigshot/css/bootstrap-timepicker.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/datepicker.css" />

<!-- lagou.alert -->
<link rel="stylesheet" href="<%=basePath %>bigshot/css/lagou.admin.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/lagou.global.css" />

<!-- webuploader -->
<link rel="stylesheet" type="text/css" href="<%=basePath %>bigshot/css/webuploader.css">
<link rel="stylesheet" type="text/css" href="<%=basePath %>bigshot/css/lxlin.css">
<link rel="stylesheet" type="text/css" href="<%=basePath %>bigshot/css/lq.datetimepick.css"/>
<!-- /必须的css -->

<script src="<%=basePath %>bigshot/js/time/time_jquery.js"></script>
<script src="<%=basePath %>bigshot/js/ace-extra.min.js"></script>
<script src="<%=basePath %>bigshot/js/lxlin.js"></script>
</head>
<body>
<!-- 头部 -->
	<div class="navbar" id="navbar">
	<div class="navbar-inner">
		<div class="container-fluid">
			<a href="<%=basePath %>redirect/index.do" class="brand">
				<small class="logo">中国领先的高端商务在线语音分享社区</small>
			</a><!--/.brand-->

			<%@include file="top.jsp"%>
		</div><!--/.container-fluid-->
	</div><!--/.navbar-inner-->
</div>
<!-- /头部 -->
		<div class="main-container container-fluid">
			<a class="menu-toggler" id="menu-toggler" href="#">
				<span class="menu-text"></span>
			</a>
			<!-- 左侧菜单 -->
			
		<div class="sidebar" id="sidebar">
	<%@include file="left.jsp"%>
<div class="sidebar-collapse" id="sidebar-collapse">
	<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
</div>
<script type="text/javascript">
	try{ace.settings.check('sidebar','collapsed')}catch(e){}
</script>
</div>

			<!-- /左侧菜单 -->
			<div class="main-content">
				<!-- 面包屑导航 -->
				<div class="breadcrumbs" id="breadcrumbs">
					<ul class="breadcrumb">
						<li>
							<i class="icon-home home-icon"></i>
							<a href="<%=basePath %>redirect/index.do">首页</a>
							<span class="divider">
							<i class="icon-angle-right arrow-icon"></i>
							</span>
						</li>
						<li class="active">我的讲座>我创建的讲座>权限管理</li>

					</ul>
				</div>
				<!-- /面包屑导航 -->
				<div class="page-content">
				<div class="row-fluid">
				
				<form id="Factory" method="post" onSubmit="return false;">
				<div class="table-header" style="padding-left: 35px;">权限管理 </div>

				<div class="row" style="width:900px;margin-left:35px;margin-top:20px;position:relative;">
					

			
			
			
			<div class="form-group mt10">
				<div class="w400">
					
					<label class="LabelTitle create_lectureTitle" id="binding_bigshot" style="display: block;">
						<font class="LabelTitle create_lectureTitle">绑定大咖：</font>
						<input type="text" name="name" id="dakaID" required="required" placeholder="请输入大咖ID.."/>
						<input type="button" class="btn_searchbig" value="搜索大咖" onclick="search()" />
						<input type="button" class="btn_searchbig" value="取消绑定" onclick="cancel_binding()" />
						<span id="prompt_information" style="letter-spacing: 0px;font-size: 10px;color:#c0c0c0;display: inline-block;"></span>
						<div class="search" id="search" style="display: none;">
							<div class="form-group lecture_editor" style="margin-left: 70px;">
								<img src="images/avatar5.png">
								<label>
									<font class="LabelTitle create_lectureTitle"><span style="letter-spacing: 6px;">大咖ID</span>：</font>
									<input type="text" name="name" value="12121" readonly="readonly" />
								</label>
								<label>
									<font class="LabelTitle create_lectureTitle">大咖姓名：</font>
									<input type="text" name="name" value="刘德华" readonly="readonly" />
								</label>
								<label>
									<font class="LabelTitle create_lectureTitle">大咖性别：</font>
									<input type="text" name="name" value="男" readonly="readonly" />
								</label>
								<label>
									<font class="LabelTitle create_lectureTitle">工作单位：</font>
									<input type="text" name="name" value="中国银行" readonly="readonly" />
								</label>
								<label>
									<font class="LabelTitle create_lectureTitle">当前职务：</font>
									<input type="text" name="name" value="CEO" readonly="readonly" />
								</label>
								<label>
									<font class="LabelTitle create_lectureTitle">擅长领域：</font>
									<input type="text" name="name" value="金融大佬、金融大佬、金融大佬" readonly="readonly" />
								</label>
								<label>
									<font class="LabelTitle create_lectureTitle">大咖简介：</font>
									<textarea rows="3" readonly="readonly">河北师范大学软件学院网络教室主任，培训讲师，MVP，51CTO专家博主。</textarea>
								</label>
								<input type="button" class="btn_searchbig" value="绑定大咖" onclick="binding_bigshot()" />
								<input type="button" class="btn_searchbig" value="重新输入" onclick="searchsecond()" />
							</div>
						</div>						
					</label>
					<script >
							function searchchannel(){
								var bl=document.getElementById("searchchannel").style.display;
								console.log(bl);
								if(bl=='none'){document.getElementById("searchchannel").style.display="block";}
								else document.getElementById("searchchannel").style.display="none";
							}
						</script>
						<div class="searchchannel" id="searchchannel" style="display: none;">
							<label class="LabelTitle create_lectureTitle">
								<font class="LabelTitle create_lectureTitle"><span style="letter-spacing: 6px;">频道ID</span>：</font>
								<input type="text" name="name" required="required" readonly="readonly" value="100001" /><br/>
								<span>
									<font class="LabelTitle create_lectureTitle">频道标签：</font>
									<select name="cid"  readonly="readonly">
										<option value="1" readonly="readonly">证券公司</option>
										<option value="2" readonly="readonly">四大会计师事务所</option>
										<option value="3" readonly="readonly">咨询公司</option>
										<option value="4" readonly="readonly">商业银行</option>
										<option value="5" readonly="readonly">民间组织</option>
									</select>
								</span><br/>
								<font class="LabelTitle create_lectureTitle">频道属性：</font>
									<select name="cid" readonly="readonly">
										<option value="1" readonly="readonly">个人</option>
										<option value="2" readonly="readonly">机构</option>
									</select>
								
								<label class="LabelTitle create_lectureTitle">频道描述：<textarea readonly="readonly" style="margin-left: 5px;">频道描述频道描述频道描述频道描述频道描述频道描述</textarea></label>
								
							</label>
						</div>
					<label id="label_add_admin" class="LabelTitle create_lectureTitle">
						<font class="LabelTitle create_lectureTitle LabelTitlenone"><span style="margin-left: -2px;">管理员设置</span>：</font>
						<input type="text" name="name" required="required" id="adminID" placeholder="请输入需要设置为管理员的ID.."/>
						<input type="button" class="btn_searchbig" id="add_admin" value="确定"  />
						<div id="admin_list">
						</div>
						<script type="text/javascript">
							var arr = [];
							var index = 0;
							var val;
							$('#add_admin').click(aaa);
							function aaa(){
								var p = document.createElement('p');
								var span = document.createElement('span');
								var value = $('#label_add_admin input').val();
								if(value=="") alert("管理员ID不能为空！");
								if(val==value) alert("已添加该用户为管理员，请勿重复添加！");
								if(value!=""&& value!=val){
									document.getElementById("adminID").value='';
									++index;
									span.innerHTML ="<img src='images/delete.png'>管理员"+index+":" + value;
									p.appendChild(span);

									p.onclick = function () {
									this.parentNode.removeChild(this);
									val=null;
									}
									var lable = document.getElementById('admin_list');
									lable.appendChild(p);
									arr.push(p);
									val = value;
									
									setTimeout("alert('用户"+value+"已被任命为本讲座管理员')", 100 )
								}
							}
						</script>
					</label>
					
					
				</div>
			</div>
			<input type="button" style="margin-top:10px;margin-left: 20px;" onclick="submit_information()" class="btn btn-lg btn-success" value="  提交  " />
			<input type="reset" style="margin-top:10px;margin-left: 20px;" onclick="reset_lecture()" class="btn btn-lg btn-reset" value="重置" />
		</div>
	</div>
	</form>
	<!-- 分页 -->
</div>	


				</div><!--/.page-content-->

				<!-- 右侧悬浮的设置按钮,去掉好像会引起js报错 -->
				<div class="ace-settings-container hide" id="ace-settings-container">
					<div class="btn btn-app btn-mini btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>
					</div>
				</div>
				<!-- /右侧悬浮的设置按钮,去掉好像会引起js报错 -->
			</div>
		</div>

<!-- 回到顶部 -->
<a href="###" id="btn-scroll-up" class="btn-scroll-up btn btn-small btn-inverse">
	<i class="icon-double-angle-up icon-only bigger-110"></i>
</a>
<!-- /回到顶部 -->

<!-- 操作后提示框 -->
<div id="lg-alert" class="hide" style="margin-bottom:-1.5em;"></div>

<!--modal表单弹出框-->
<form id="lg-form" class="modal fade hide form-horizontal" method="post" tabindex="-1" enctype="multipart/form-data" onSubmit="return false;"></form>

<!-- 模态框(Modal) -->
<div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
	
</div><!-- /.modal -->
		
<!-- 基础js部分 -->

<script src='<%=basePath %>bigshot/js/jquery.mobile.custom.min.js'></script>

<script src="<%=basePath %>bigshot/js/jquery-ui-1.10.3.full.min.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.ui.touch-punch.min.js"></script>
<script src="<%=basePath %>bigshot/js/bootstrap.min.js"></script>
<script src="<%=basePath %>bigshot/js/ace-elements.min.js"></script>
<script src="<%=basePath %>bigshot/js/ace.min.js"></script>

<script src="<%=basePath %>bigshot/js/jquery.dataTables.min.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.dataTables.bootstrap.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.inputlimiter.1.3.1.min.js"></script>

<!-- ueditor -->
<script type="text/javascript" src="<%=basePath %>bigshot/js/ueditor.config.js"></script>
<script type="text/javascript" src="<%=basePath %>bigshot/js/ueditor.all.js"></script>

<!-- webuploader -->
<script type="text/javascript" src="<%=basePath %>bigshot/js/webuploader.js"></script>

<!-- lagoualert -->
<script src="<%=basePath %>bigshot/js/lagou/lagou.global.js"></script>

<!-- common.lib库 -->
<script src="<%=basePath %>bigshot/js/conmon/common.lib.js"></script>

<!-- /基础js部分 -->
<script>
   $(function (){$('#myModal').modal({
      keyboard: true
   })});
</script>
<script type="text/javascript">
jQuery(function($){
	try{
		ace.settings.navbar_fixed(true);
		ace.settings.sidebar_fixed(true);
		ace.settings.breadcrumbs_fixed(true);
	}
	catch(e){}
	$('[data-rel=tooltip]').tooltip();
	$('[data-rel=popover]').popover({html:true});
});	
</script>


<script src="<%=basePath %>bigshot/js/jquery.easy-pie-chart.min.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.slimscroll.min.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.sparkline.min.js"></script>
<script src="<%=basePath %>bigshot/js/flot/jquery.flot.min.js"></script>
<script src="<%=basePath %>bigshot/js/flot/jquery.flot.pie.min.js"></script>
<script src="<%=basePath %>bigshot/js/flot/jquery.flot.resize.min.js"></script>


</body>
</html>